<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/xqhulianxiwomen.css">
    <link  rel="stylesheet"  href="css/head.css">
</head>
<body onload="init();">
<div  class="head"></div>
<div class="minsd">
<div  id="hucontain">

</div>
</div>
<div  class="dibussss"></div>
</body>
<script  src="js/jquery.3.3.1.min.js"></script>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=ZBOBZ-JCICJ-4MDFF-FNLBW-5MCEK-23FWX&libraries=drawing,geometry,place,convertor,visualization"></script>
<script  src="js/vue.js"></script>
<script  type="text/javascript">

    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){
                return pair[1];
            }
        }
        return(false);
    }


    var address =decodeURI(getQueryVariable('address')) ;
    var   geocoder ,map ,marker=null;
  //地图初始化
  var init= function() {
      var center = new qq.maps.LatLng(39.916527, 116.397128);
      map = new qq.maps.Map(document.getElementById('hucontain'), {
          center: center,
          zoom: 15
      })

      geocoder = new qq.maps.Geocoder();
      //调用地址解析
      geocoder.setComplete(function(result) {
          map.setCenter(result.detail.location);
          var marker = new qq.maps.Marker({
              map: map,
              position: result.detail.location
     });
  })
  }
  window.onload=function () {

      init();
  }

    function codeAddress(address){
        var address=address;
        console.log(address)
        geocoder.getLocation(address);
    }

    setTimeout(function () {
        codeAddress(address);
    },1000)



    $(document).ready(function () {
        $(".head").load("xqhead.html")
        $(".dibussss").load("dibu.html")
    })

    new Vue({
        el:"#hucontain",
        data:{
            src:"http://bzt.cybwnt.com/uploads/zhongxue/webzixund.png",
            lists:[  //1
                {src:"http://bzt.cybwnt.com/uploads/zhongxue/webmapd.png",title:"成都博知堂教育学校",name:"陈飞宇",phone:"10101212",email:"9651211485@qq.com",address:"四川省成都市锦江区中纱帽街8号3栋5001室",seimg:"http://bzt.cybwnt.com/uploads/zhongxue/webmaps.png"},
                {src:"http://bzt.cybwnt.com/uploads/zhongxue/webmapd.png",title:"成都博知堂教育学校",name:"陈飞宇",phone:"10101212",email:"9651211485@qq.com",address:"四川省成都市锦江区中纱帽街8号3栋5001室",seimg:"http://bzt.cybwnt.com/uploads/zhongxue/webmaps.png"},
                {src:"http://bzt.cybwnt.com/uploads/zhongxue/webmapd.png",title:"成都博知堂教育学校",name:"陈飞宇",phone:"10101212",email:"9651211485@qq.com",address:"四川省成都市锦江区中纱帽街8号3栋5001室",seimg:"http://bzt.cybwnt.com/uploads/zhongxue/webmaps.png"},
            ]


        },

        methods:{
        },

    })


</script>
</html>